// map.js
import qqMap from '../../../utils/qqmap'
let repair_id = ''
Page({
  data: {
    // 标记点 - 起点  -> 终点
    markers: [
      {
        id: 1,
        latitude: 40.086757,
        longitude: 116.328634,
        width: 24,
        height: 30,
      },
      {
        id: 2,
        latitude: 40.08346500000002,
        longitude: 116.33293800000011,
        iconPath: '/static/images/marker.png',
        width: 40,
        height: 40,
      },
    ],
    polyline: [], // 起点 -> 终点 路线坐标
  },
  onLoad({ id }) {
    // 获取维修详情
    this.getRepairDetail((repair_id = id))
    // this.getPolyLine()
  },
  // 生成两点之间的位置坐标
  getPolyLine() {
    qqMap.direction({
      mode: 'bicycling', // 骑行
      from: {
        // 出发点
        latitude: this.data.markers[0].latitude,
        longitude: this.data.markers[0].longitude,
      },
      to: {
        // 结束点
        latitude: this.data.markers[1].latitude,
        longitude: this.data.markers[1].longitude,
      },
      success: (res) => {
        console.log(res)
        let ret = res
        let coors = ret.result.routes[0].polyline,
          pl = []
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        let kr = 1000000
        for (let i = 2; i < coors.length; i++) {
          coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr
        }
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coors.length; i += 2) {
          pl.push({ latitude: coors[i], longitude: coors[i + 1] })
        }
        console.log(pl)
        this.setData({
          polyline: [
            {
              points: pl,
              color: '#FF0000DD',
              width: 4,
            },
          ],
        })
      },
    })
  },
  async getRepairDetail(id) {
    // id 不存在就不必发请求了
    if (!id) return
    // 请求数据接口
    const { code, data: repairDetail } = await wx.http.get('/repair/' + id)
    // 校验接口调用结果
    if (code !== 10000) return wx.utils.toast('获取报修详情失败!')
    // 渲染报修详情
    this.setData({ ...repairDetail })
  },
})
